<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/erp/js/html5.js"></script>
    <script type="text/javascript" src="/erp/js/respond.min.js"></script>
    <script type="text/javascript" src="/erp/js/PIE_IE678.js"></script>
    <![endif]-->
    <link href="/erp/assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/plugins/layui/css/layui.css"/>
    <script src="/plugins/layui/layui.all.js"></script>
    <link rel="stylesheet" href="/erp/css/style.css"/>
    <link href="/erp/assets/css/codemirror.css" rel="stylesheet">
    <link rel="stylesheet" href="/erp/assets/css/ace.min.css"/>
    <link rel="stylesheet" href="/erp/Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <link rel="stylesheet" href="/erp/assets/css/font-awesome.min.css"/>
    <!--[if IE 7]>
    <link rel="stylesheet" href="/erp/assets/css/font-awesome-ie7.min.css"/>
    <![endif]-->
    <link href="/erp/Widget/icheck/icheck.css" rel="stylesheet" type="text/css"/>
    <link href="/erp/Widget/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css"/>

    <title>商品详情</title>
</head>
<body>
<div class="select_menber" id="select_menber_style">

    <ul class=" page-content">
        <div class="Operate_cont clearfix">
            <label></span>商品名称：[[${product.productName}]]</label>

        </div>
        <div class="Operate_cont clearfix">
            <input type="hidden" name="picture" id="picture" required lay-verify="required">
            <label><span class="c-red"></span>商品图片： <img
                    th:src="'/upload/' + ${product.picture}" style="margin-left: 110px;" height="50px" id="demo1"/>&nbsp;</label>

        </div>
        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>商品编号：[[${product.id}]]</label>

        </div>

        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>商品型号：[[${product.productModel}]]</label>

        </div>

        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>一级分类：[[${product.sortName}]]</label>
        </div>
        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>二级分类：[[${product.sortsName}]]</label>
        </div>
        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>三级分类：[[${product.sortssName}]]</label>
        </div>
        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>商品种类：[[${product.productType}]]&nbsp;</label>

        </div>
        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>产地：[[${product.producingArea}]]</label>
        </div>
        <div class="Operate_cont clearfix">
            <label> <span class="c-red"></span>材质：[[${product.materialQuality}]]</label>

        </div>
        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>品牌：[[${product.brand}]]</label>

        </div>
        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>成本价格：[[${product.costPrice}]]&nbsp;元</label>

        </div>
        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>零售价格：[[${product.retailPrice}]]元</label>

        </div>
        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>积分：[[${product.integral}]]&nbsp;</label>

        </div>
        <div class="Operate_cont clearfix">
            <label><span class="c-red"></span>商品质量：[[${product.productQuality}]]&nbsp;kg</label>

        </div>


        <div class="Operate_cont clearfix">
            <label>备注：[[${product.remarks}]] </label>

        </div>
    </ul>
</div>
<script>

    var $ = layui.jquery;
    var upload = layui.upload;

    var uploadInst = upload.render({
        elem: '#test1'
        , url: '/product/upload'
        , before: function (obj) {
            obj.preview(function (index, file, result) {
                $('#demo1').attr('src', result); //图片链接（base64）
            });
        }
        , done: function (res) {
            if (res.rs) {
                $('#picture').val(res.msg);
            }
        }
        , error: function () {

        }
    });
</script>
</body>
</html>